//
var ws = null;
var inputBox = document.getElementById('inputBox');
var submitFunc = document.getElementById('submitFunc');
var content = document.getElementById('content');

var html = '';

/**连接方式 */
function WebSocketTest() {
    if ("WebSocket" in window) {
        console.log("您的浏览器支持 WebSocket!");
        // 打开一个 web socket
        ws = new WebSocket("ws://localhost:8899");
        console.log('ws对象', ws);

        setTimeout(function () {
            console.log('setTimeout ws对象', ws);
        }, 1000)
        ws.onopen = function (evt) {
            if (ws.readyState === WebSocket.OPEN) {
                ws.send('hello world')
              }
            // Web Socket 已连接上，使用 send() 方法发送数据
            // alert("数据发送中...");
            // ws.send("笑傲江湖");
        };
        ws.onmessage = function (evt) {
            var received_msg = evt.data;
            console.log('接受的数据', received_msg);
            //var html = content.innerHTML;
            html += received_msg;
            //content.innerHTML = '<p>' + html + '</p>';
            //alert("数据已接收...");
        };

        ws.onclose = function () {
            // 关闭 websocket
            console.log("连接已关闭...");
        };
    } else {
        // 浏览器不支持 WebSocket
        console.log("您的浏览器不支持 WebSocket!");
    }
}

/**
 * 获取信息发送
 */
function closeWs() {
    if (ws != null) {
        ws.close();
    } else {
        alert('你还没开启');
    }
}

/**
 * 点击发送
 */
// submitFunc.onclick = function () {
//     console.log('ws.readyState',ws)
//     if (ws != null && ws.readyState === 1) {
//         console.log(inputBox.value);
//         ws.send(inputBox.value);
//         alert("数据发送中...");
//     } 

// }

//自动登录
WebSocketTest();